<template>
    <div class="loadingio-dualball">
        <div class="ldio-deq83nqcxvv">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</template>
<style lang="scss">
@keyframes ldio-deq83nqcxvv-o {
    0%    { opacity: 1; transform: translate(0 0) }
   49.99% { opacity: 1; transform: translate(40px,0) }
   50%    { opacity: 0; transform: translate(40px,0) }
  100%    { opacity: 0; transform: translate(0,0) }
}
@keyframes ldio-deq83nqcxvv {
    0% { transform: translate(0,0) }
   50% { transform: translate(40px,0) }
  100% { transform: translate(0,0) }
}
.ldio-deq83nqcxvv div {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  top: 30px;
  left: 10px;
}
.ldio-deq83nqcxvv div:nth-child(1) {
  background: #e90c59;
  animation: ldio-deq83nqcxvv 1s linear infinite;
  animation-delay: -0.5s;
}
.ldio-deq83nqcxvv div:nth-child(2) {
  background: #46dff0;
  animation: ldio-deq83nqcxvv 1s linear infinite;
  animation-delay: 0s;
}
.ldio-deq83nqcxvv div:nth-child(3) {
  background: #e90c59;
  animation: ldio-deq83nqcxvv-o 1s linear infinite;
  animation-delay: -0.5s;
}
.loadingio-spinner-dual-ball-xge68abmn3 {
  width: 30px;
  height: 30px;
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
}
.ldio-deq83nqcxvv {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.3);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-deq83nqcxvv div { box-sizing: content-box; }
/* generated by https://loading.io/ */
</style>